<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="酒店预订,特价酒店,机票,机票预订,飞机票查询,航班查询,酒店团购,旅游度假,旅行,商旅管理,手机订酒店,手机订机票,携程旅行">
    <meta name="description"
        content="携程旅行网是中国领先的在线旅行服务公司，旗下携程旅行向超过9000万会员提供酒店预订、酒店点评及特价酒店查询、机票预订、飞机票查询、时刻表、票价查询、航班查询、度假预订、商旅管理、为您的出行提供全方位旅行服务。">
    <title>携程旅行-酒店预订,机票预订查询,旅游度假,商旅管理-携程无线官网</title>
    <link rel="shortcut icon" href="./images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./CSS/base.css">
    <link rel="stylesheet" href="./CSS/common.css">
    <link rel="stylesheet" href="./CSS/index.css">
</head>

<body>
    <div class="header-search-box">
        <div class="search-input">
            <i class="h5_home_v1-Search"></i>
            <a href="./search.html"><span>搜索：目的地/酒店/景点/航班号</span></a>
        </div>
    </div>

    <div class="main-nav">
        <ul class="nav-list">
            <li><a href="#"><span class="nav-icon icon1"></span><span>酒店</span></a></li>
            <li><a href="#"><span class="nav-icon icon2"></span><span>民宿/客栈</span></a></li>
            <li><a href="#"><span class="nav-icon icon3"></span><span>美食</span></a></li>
        </ul>
        <ul class="nav-list">
            <li><a href="#"><span class="nav-icon icon4"></span><span>机票</span></a></li>
            <li><a href="#"><span class="nav-icon icon5"></span><span>航班助手</span></a></li>
            <li><a href="#"><span class="nav-icon icon6"></span><span>接送机/包车</span></a></li>
        </ul>
        <ul class="nav-list">
            <li><a href="#"><span class="nav-icon icon7"></span><span>火车票</span></a></li>
            <li><a href="#"><span class="nav-icon icon8"></span><span>汽车/船票</span></a></li>
            <li><a href="#"><span class="nav-icon icon9"></span><span>租车</span></a></li>
        </ul>
        <ul class="nav-list">
            <li><a href="#"><span class="nav-icon icon10"></></span><span>旅游</span></a></li>
            <li><a href="#"><span class="nav-icon icon11"></span><span>门票/活动</span></a></li>
            <li><a href="#"><span class="nav-icon icon12"></span><span>周边游</span></a></li>
        </ul>
        <ul class="nav-list">
            <li><a href="#"><span class="nav-icon icon13"></></span><span>攻略/景点</span></a></li>
            <li><a href="#"><span class="nav-icon icon14"></span><span>购物/免税</span></a></li>
            <li><a href="#"><span class="nav-icon icon15"></span><span>借钱/分期</span></a></li>
        </ul>
    </div>

    <div class="nav-switch">
        <span class="switch-active"></span>
        <span class="switch-item"></span>
    </div>

    <div class="sec-banner">
        <div class="left-banner">
            <a class="block-header" href="#">
                <img src="./images/tejiazhibo.png" alt="">
                <span>特价好货直播中</span>
            </a>
            <div class="slider">
                <div class="slider-content">
                    <div class="slider-details">
                        <a href="#">
                            <div class="block-img">
                                <span>酒店套餐</span>
                                <img src="./images/jiudiantaocan.png" alt="">
                                <div class="mask"></div>
                                <div class="product">千岛湖明豪国际度假酒店2晚</div>
                            </div>
                            <div class="block-footer">
                                <div class="priceWrap">
                                    <div class="price">
                                        <i class="symbol">¥</i>
                                        1599
                                    </div>
                                    <s class="original-price"></s>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="switch-banner">
                <span class="switch-item"></span>
                <span class="switch-item active"></span>
                <span class="switch-item"></span>
            </div>
        </div>
        <div class="right-banner">
            <a href="#" class="block-header">
                <img src="./images/rank.png" alt="">
                <div class="slogan">权威排行榜</div>
            </a>
            <div class="rank">
                <a class="rank-item" href="#">
                    <div class="block-img">
                        <img src="./images/rankimg1.png" alt="">
                        <div class="tag">上海</div>
                    </div>
                    <div class="block-footer">
                        <div class="rank-title">奢华酒店榜</div>
                    </div>
                </a>

                <a class="rank-item" href="#">
                    <div class="block-img">
                        <img src="./images/rankimg2.png" alt="">
                        <div class="tag">上海</div>
                    </div>
                    <div class="block-footer">
                        <div class="rank-title">亲子乐园酒店榜</div>
                    </div>
                </a>
            </div>
        </div>
    </div>

    <div class="ad-banner">
        <div class="ad-content">
            <div class="banner-flag">
                <div class="banner-img">
                    <img src="./images/ad-banner.png" alt="">
                </div>
            </div>

        </div>

    </div>

    <div class="footer-box">
        <div class="group">
            <a href="#">
                <span class="h5_home_v1-Phone"></span>
                <span>电话预定</span>
            </a>
            <a href="#">
                <span class="h5_home_v1-Download"></span>
                <span>下载携程</span>
            </a>

        </div>
        <div class="ver">
            <a href="#">网站地图</a>
            <a href="#">电脑版</a>
            <p>&copy;2025携程旅行<span>沪ICP备08023580号</span></p>
        </div>
    </div>

    <div class="tabbar">
        <a href="#">
            <span class="icon-home"></span>
            <span>首页</span>
        </a>
        <a href="./community.html">
            <span class="icon-community"></span>
            <span>社区</span>
        </a>
        <a href="./message.html">
            <span class="icon-message"></span>
            <span>消息</span>
        </a>
        <a href="./mine.html">
            <span class="icon-mine"></span>
            <span>我的</span>
        </a>
    </div>
    <a href="#" class="fixed-icon"></a>
</body>

</html>